<%--
  Created by IntelliJ IDEA.
  User: evans
  Date: 2018/3/15
  Time: 下午4:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
    <meta name="theme-color" content="#000000" />
    <title>Soico</title>
    <link rel="stylesheet" href="../../css/main.827f7436.css" />
    <link rel="stylesheet" href="../../css/materialize.min.css" />
    <link rel="stylesheet" href="../../css/App.css" />
    <link rel="stylesheet" href="../../css/Header.css" />
    <script type="text/javascript" async="" src="../../js/common/recaptcha__zh_cn.js"></script>
    <script type="text/javascript" src="../../js/common/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../../js/common/materialize.min.js"></script>
    <script type="text/javascript" src="../../js/common/public.js"></script>
    <script type="text/javascript" src="../../js/common/requestAPi.js"></script>
    <script type="text/javascript" src="../../js/common/layer.js"></script>
    <script type="text/javascript" src="../../js/common/md5.js"></script>
    <script type="text/javascript" src="../../js/common/common.js"></script>
</head>
<body onload="deposit()">
<div id="root">
    <div style="background-color: rgb(250, 250, 250); min-height: 100vh; min-width: 1000px; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">
        <div>
            <div class="s-alert-wrapper"></div>
            <%@include file="top.jsp"%>
            <div class="container">
                <div>
                    <p id="userName">您的Soico钱包:jshao</p>
                    <div class="col s12" style="margin-top: 30px;">
                        <div class="row">
                            <div class="col s1.3">
                                <a id="personalPage" class="textcenter headerItem personalPage" href="profileSkip?pk=${user}&time=${time}&auth=${auth}">总览</a>
                            </div>
                            <div class="col s1.3">
                                <a class="textcenter headerItem active" href="deposeSkip?pk=${user}&time=${time}&auth=${auth}">充值</a>
                            </div>
                            <div class="col s1.3">
                                <a class="textcenter headerItem " href="withdrawsSkip?pk=${user}&time=${time}&auth=${auth}">提现</a>
                            </div>
                            <div class="col s1.3">
                                <a class="textcenter headerItem " href="ordersSkip?pk=${user}&time=${time}&auth=${auth}">投资纪录</a>
                            </div>
                            <div class="col s1.3">
                                <a class="textcenter headerItem " href="transactionsSkip?pk=${user}&time=${time}&auth=${auth}">ETH交易纪录</a>
                            </div>
                           <!-- <div class="col s1.3">
                                <a class="textcenter headerItem " href="transactions_token.jsp">Token交易纪录</a>
                            </div>-->
                            <!--<div class="col s1.3">
                                <a class="textcenter headerItem " href="setting.jsp">设置</a>
                            </div>-->
                           <!-- <div class="col s1.3">
                                <a class="textcenter headerItem promo " href="referral.jsp">免手续费</a>
                            </div>-->
                            <div class="col s1.3">
                                <a class="textcenter headerItem " href="supportSkip?pk=${user}&time=${time}&auth=${auth}">联系客服</a>
                            </div>
                            <!--<div class="col s1.3">
                                <a class="textcenter headerItem " href="VIP.jsp">VIP</a>
                            </div>-->
                        </div>
                    </div>
                    <div style="margin-top: 60px;">
                        <div class="row">
                            <div class="col s6">
                                <div class="cardContainer">
                                    <p class="cardTitle">充值</p>
                                    <div style="height: 1px; background-color: rgb(186, 184, 184); margin: 10px 0px;"></div>
                                    <div>
                                        <div>
                                            <div class="row">
                                                <div class="col s12 verticalCenter">
                                                    <p class="commonMarginLeft"><span>请充值至以下地址：</span></p>
                                                    <img id="qcode" class="imgCenter" src="" alt="QRCode" />
                                                </div>
                                                <div class="col s12 verticalCenter">
                                                    <p id="foo" class="textcenter" style="vertical-align: middle; font-size: 1em; color: rgb(37, 98, 155);">${addr}</p>
                                                    <div class="col s4 offset-s4">
                                                        <a class="btn copy-btn" style="font-size: 0.7em;" data-clipboard-action="copy" data-clipboard-target="#foo" onclick="">复制地址</a>
                                                        <script type="text/javascript" src="../../js/common/clipboard.min.js"></script>
                                                        <script>
                                                            var clipboard = new Clipboard('.copy-btn');
                                                            clipboard.on('success', function(e) {
                                                                layer.msg('复制成功', {time:500});
                                                                e.clearSelection();
                                                                console.log(e);
                                                            });
                                                            clipboard.on('error', function(e) {
                                                                layer.msg('请选择“拷贝”进行复制!', {time:500});
                                                                console.log(e);
                                                            });
                                                        </script>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col s6">
                                <ul>
                                    <li>• 请您充值到左方的地址已完成Ether以太坊的汇款。</li>
                                    <li>• 扫描左方二维码或直接输入地址完成充值</li>
                                    <li>• 我们将会需要30个确认来确保您的资金准备好开始投资。</li>
                                    <li>• 您的每次充值必须至少要超过0.05ETH。</li>
                                    <li>• 充值进入Soico.co不需额外手续费。</li>
                                    <li>• 请勿向此ETH地址充值非ETH的资产。</li>
                                    <li>• 任何意外进入ETH地址的非 ETH资产将不可找回。</li>
                                    <li>• 充值完成后，您可以在下方充值记录跟踪进度</li>
                                    <li>• 充值以下方记录为准，账户金额的更新将在半个小时内完成</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col s12">
                                <div class="cardContainer">
                                    <p class="cardTitle">充值纪录</p>
                                    <div style="height: 1px; background-color: rgb(186, 184, 184); margin: 10px 0px;"></div>
                                    <div>
                                        <div>
                                            <ul id="box">
                                                <lh style="text-align: center; color: rgb(0, 93, 170); font-size: 0.8em;">
                                                    <div class="row">
                                                        <div class="col s3">
                                                            Hash
                                                        </div>
                                                        <div class="col s3">
                                                            <span>交易时间</span>
                                                        </div>
                                                        <div class="col s3">
                                                            <span>金额</span>
                                                        </div>
                                                        <div class="col s3">
                                                            <span>Gas</span>
                                                        </div>
                                                    </div>
                                                </lh>

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <ul class="pagination">
                            <li class="waves-effect disabled"><a><i class="material-icons">chevron_left</i></a></li>
                            <li class="waves-effect active"><a>1</a></li>
                            <li class="waves-effect disabled"><a><i class="material-icons">chevron_right</i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <footer class="page-footer">
                <%@include file="footer.jsp"%>
            </footer>
        </div>
    </div>
</div>
</body>
</html>
